@mixin button-size($padding-x, $padding-y, $font-size, $border-radius) {
    padding: $padding-y $padding-x;
    font-size: $font-size;
    border-radius: $border-radius;
}

@mixin button-style($background, $border-color, $color, $hover-background: lighter($background, 7.5%), $hover-border-color: lighter($border-color, 10%), $hover-color: lighter($color, 7.5%)) {
    background-color: $background;
    border-color: $border-color;
    color: $color;
    &:hover,
    &:focus,
    .focus {
        background-color: $hover-background;
        border-color: hover-border-color;
        color: $hover-color;
    }
}